body {
    background-color: var(--themeColor);
}

.main {
    padding-top: .88rem;
}

.main .address {
    padding: .3rem;
}

.main .address .top .icon {
    width: .22rem;
    height: .29rem;
}

.main .address .top .name, .main .address .top .tel {
    font-size: var(--default-font-size-26);
    color: var(--dcl);
    margin-left: .12rem;
}

.main .address .top {
    margin-bottom: .22rem;
}

.main .address .bottom {
    font-weight: 500;
    font-size: var(--default-font-size-28);
    color: var(--dcl);
}

.main .address .choose {
    font-weight: 500;
    font-size: var(--default-font-size-28);
    color: var(--dcl);
    padding: .2rem 0;
}

.main .address .more {
    margin-left: .2rem;
}

.main .pro-container .pro-item {
    border-bottom: 1px solid var(--f6);
}

.main .pro-container .pro-item .icon {
    width: 1.58rem;
    height: 1.58rem;
    border-radius: .14rem;
}

.main .pro-container .pro-item .major {
    margin: 0 .22rem;
}

.main .pro-container .pro-item .major .pro-title {
    font-weight: 400;
    font-size: var(--default-font-size-26);
    color: var(--dcl);
    margin-bottom: .2rem;
}

.main .pro-container .pro-item .major .spec {
    font-weight: 400;
    font-size: .22rem;
    color: var(--c9);
}

.main .pro-container .pro-item .fund .price {
    font-weight: 500;
    font-size: var(--default-font-size-28);
    color: var(--bd);
    margin-bottom: .1rem;
}

.main .pro-container .pro-item .fund .num {
    font-size: .24rem;
    color: var(--c9);
}

.main .pro-container .pro-item:last-child {
    border-bottom: none;
}

.main .pro-container .pro-item:first-child {
    padding-top: 0;
}

.main .front:before {
    content: '￥';
    font-size: .22rem;
}

.main .layout-lr .item-title {
    font-weight: 500;
    font-size: var(--default-font-size-28);
    color: var(--dcl);
}

.main .layout-lr .value {
    font-weight: 500;
    font-size: var(--default-font-size-28);
    color: var(--dcl);
}

.main .layout-lr .value .item-inp {
    font-weight: 500;
    font-size: var(--default-font-size-28);
    color: var(--dcl);
    text-align: right;
    width: 100%;
}

.main .layout-lr .bdc {
    color: var(--bd);
}

.main .order-footer {
    background: var(--ff);
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    padding: .15rem .3rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    gap: .2rem;
}

.main .order-footer .total-container .front-text::before {
    content: '应付总额：';
    color: var(--dcl);
    font-size: .24rem;
}

.main .order-footer .total-container .total {
    font-size: .3rem;
    color: var(--bd);
    font-weight: bold;
}

.main .order-footer .total-container .other {
    color: var(--c9);
    font-size: .22rem;
}

.main .order-footer .total-container .other .val {
    color: var(--dcl) !important;
}

.main .order-footer .sm-btn {
    font-size: var(--default-font-size-28);
    color: var(--ff);
    background: linear-gradient(270deg, var(--bd) 0%, var(--bd2) 100%);
    border-radius: .4rem;
    padding: .23rem .4rem;
}
